<template>
  <h2>我是About的内容</h2>
</template>

<script>
export default {
  name: "About",
  mounted(){
      /**
       * 路由组件被挂载，会发现当前组件身上多出$route(当前组件路由的配置) $router(路由器配置，所有的路由配置信息都可以看见,每个vueComponent身上的router都一样)
       */
      console.log("About组件被挂载了");
      windows.aboutRoute = this.$route;
      windows.aboutRoute = this.$router;
  },
   //组件被切走就会导致组件销毁
  destroyed() {
    console.log("About组件被销毁了");
  },
}
</script>

<style scoped>

</style>
